@import "normalize";
@import "base";
@import "variable";

// 字体大小设置
.font_dpr(@font-size: 16px) {
  font-size: @font-size;

  [data-dpr= "2"] & {
    font-size: @font-size * 2;
  }
  [data-dpr= "3"] & {
    font-size: @font-size * 3;
  }
}
.main {
  .product {
    .product-nav {
      height: 77rem/@base;
      border-top: 2rem/@base solid #eaeaea;
      border-bottom: 2rem/@base solid #eaeaea;
      background-color: #5a5a5a;
      padding-left: 24rem/@base;
      padding-right: 15rem/@base;

      a {
        float: left;
        height: 100%;
        line-height: 77rem/@base;
        .font_dpr(16px);
        color: #fff;
      }
      button {
        float: right;
        width: 120rem/@base;
        height: 52rem/@base;
        border: 2rem/@base solid #b0b0b0;
        background-color: #e6e6e6;
        border-radius: 5rem/@base;
        margin-top: 12rem/@base;
        color: #5a5a5a;
      }
    }
   .list-item {
     //height: 234rem/@base;
     a {
       display: block;
       width: 100%;
       height: 100%;
       padding: 22rem/@base;
       border-bottom: 2rem/@base solid #ededed;
     }
     .img-box img {
       width: 200rem/@base;
     }
     .list-info {
       overflow: hidden;
       padding-left: 30rem/@base;
       .title {
         line-height: 50rem/@base;
         .font_dpr(16px);
       }
       .price {
         line-height: 55rem/@base;
         .font_dpr(16px);
         color: #ed0000;
       }
       .msg {
         line-height: 55rem/@base;
         color: #a2a9b5;
         span {
           margin-right: 20rem/@base;
         }
       }
     }
   }
    .paginator {
      height: 94rem/@base;
      text-align: center;
      padding-top: 20rem/@base;
      button {
        width: 163rem/@base;
        height: 65rem/@base;
        border-radius: 5rem/@base;
        border: 2rem/@base solid #cecece;
        background-color: #eaeaea;
      }
      select {
        width: 150rem/@base;
        height: 70rem/@base;
        border: 2rem/@base solid #eaeaea;
        margin: 0 94rem/@base;
        .font_dpr(16px);
        vertical-align: middle;
      }
    }
  }
}